{extend name="$_admin_base_layout" /}
{block name="content"}
<div class='content'>
    <style type="text/css">
        .detailPanel {
            font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;
        }

        .bought_listform,
        .detailPanel {
            margin-top: 20px;
        }

        #J_trade_status {
            width: 1269px;
            position: relative;
            border: 1px solid #DDD;
            border-right: none;
            min-height: 245px;
            height: auto !important;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        #J_trade_status .trade-status-table {
            /*width: 990px;*/
            width: 100%;
            min-height: 245px;
        }

        .detailPanel table {
            font-size: inherit;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
        }

        #J_trade_status .trade-status-table #J_trade_imfor {
            width: 50%;
            color: #666;
            background-color: #fbfbfb;
        }

        #J_trade_status .trade-status-table .table-td {
            border-right: 1px solid #DDD;
            vertical-align: top;
            height: 228px;
        }

        #J_trade_status #J_trade_imfor .trade-imfor-title {
            height: 29px;
            border-bottom: 1px solid #DDD;
            background-color: #F3F3F3;
            line-height: 29px;
            /*width: 266px;*/
            color: #333;
            font-size: 12px;
            font-weight: 700;
        }

        #J_trade_status .trade-status-table #J_trade_imfor ul {
            padding-bottom: 15px;
        }

        #J_trade_imfor .table-list {
            line-height: 1.5;
            margin: 10px 40px 10px;
            font-size: 18px;
        }

        #J_trade_imfor .trade-imfor-dt {
            min-width: 62px;
            display: inline-block;
            zoom: 1;
            vertical-align: top;
        }

        .bought_listform,
        .font-black,
        .font-high-light,
        .trade-detail-content dd,
        .trade-detail-memo,
        .trade-imfor-dt {
            color: #666;
        }

        #J_trade_imfor .trade-imfor-dd {
            /*width: 162px;*/
            display: inline-block;
            zoom: 1;
            color: #666;
            float: right;
        }

        #J_trade_imfor .trade-imfor-dd .ui-trade-label {
            display: inline-block;
        }

        #J_trade_imfor .trade-imfor-dd span {
            word-wrap: break-word;
            word-break: break-all;
        }

        #J_trade_status .trade-status-table .table-td {
            border-right: 1px solid #DDD;
            vertical-align: top;
            height: 228px;
        }

        #J_trade_detail {
            position: relative;
        }

        #J_trade_detail .trade-detail-imfor {
            height: 36px;
            margin-top: 20px;
            margin-bottom: 0;
        }

        #J_trade_detail .trade-detail-prompt {
            margin: 50px 0 0 90px;
        }

        #J_trade_detail .trade-detail-operate {
            margin: 35px 8px 20px 90px;
        }

        ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #J_trade_status {
            background-color: #fff
        }

        .bought_listform,
        .detailPanel {
            margin-top: 20px;
        }

        .bought_listform,
        .font-black,
        .font-high-light,
        .trade-detail-content dd,
        .trade-detail-memo,
        .trade-imfor-dt {
            color: #666;
        }

        .bought_listform {
            margin-bottom: 20px;
        }

        .bought_listform .bought-listform-header {
            border: 1px solid #DDD;
            text-align: center;
            /*height: 28px;*/
            /*line-height: 28px;*/
            margin-bottom: 0px;
            overflow: hidden;
        }

        .bought_listform .bought-listform-header > dd {
            line-height: 30px;
            font-weight: 600;
        }

        .bought_listform .bought-listform-header dd {
            float: left;
        }

        .bought_listform .header-item {
            width: 373px;
        }

        .bought_listform .header-price {
            width: 140px;
        }

        .bought_listform .header-count {
            width: 125px;
        }

        .bought_listform .header-favorable {
            width: 150px;
        }

        .bought_listform .header-status {
            width: 200px;
        }

        .bought_listform .bought-listform-maincontent {
            border-right: 1px solid #DDD;
            border-left: 1px solid #DDD;
        }

        .bought_listform .bought-listform-maincontent .header-content-detail {
            border-right: 1px solid #DDD;
        }

        .bought_listform td {
            text-align: center;
            height: 80px;
            border-bottom: 1px solid #E5E5E5;
        }

        .bought_listform .bought-listform-content {
            /*width: 988px;*/
            width: 100%;
        }

        li,
        ol,
        ul {
            list-style: none;
        }

        .bought_listform .content-package {
            height: 45px;
            line-height: 45px;
            text-align: left;
            padding-left: 15px;
            background-color: #E3EEFF;
            color: #666;
            border-bottom: 1px solid #DDD;
        }

        .bought_listform .content-package > span {
            float: left;
        }

        .content-package .package-header {
            margin-right: 15px;
            color: #666;
        }

        .content-package .package-detail {
            margin-left: 15px;
        }

        .bought_listform .content-package > span {
            float: left;
        }

        .content-package .package-detail {
            margin-left: 15px;
        }

        .bought_listform .package-address-detail {
            z-index: 20;
            color: #C60;
            margin-left: 30px;
        }

        .content-package .package-more {
            vertical-align: middle 9;
            margin-left: 10px;
        }

        .bought_listform .bought-listform-content table {
            width: 100%;
        }

        .bought_listform .bought-listform-content td {
            border-bottom: 1px solid #DDD;
        }

        .bought_listform .header-item {
            width: 650px;
        }

        .bought_listform td {
            text-align: center;
            height: 80px;
            border-bottom: 1px solid #E5E5E5;
        }

        .bought_listform .header-item .item-container {
            margin: 14px 0;
        }

        .bought_listform .item-img {
            margin: 0 10px 0 25px;
            float: left;
            width: 50px;
            height: 50px;
            border: 1px solid #E9E9E9;
        }

        .bought_listform .item-img,
        .bought_listform .item-meta,
        .bought_listform .item-meta .item-link {
            display: inline-block;
            vertical-align: top;
            zoom: 1;
        }

        .pic {
            float: left;
            display: inline;
            width: 100%;
            height: 100%;
        }

        a {
            outline: 0;
            color: #2652A5;
            text-decoration: none;
        }

        .bought_listform .item-img img {
            width: 50px;
            height: 50px;
        }

        .bought_listform .item-meta {
            text-align: left;
            width: 237px;
        }

        .bought_listform .item-img,
        .bought_listform .item-meta,
        .bought_listform .item-meta .item-link {
            display: inline-block;
            vertical-align: top;
            zoom: 1;
        }

        .bought_listform .item-meta .item-link {
            height: 16px;
            line-height: 16px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 245px;
            color: #999;
        }

        .bought_listform .item-meta .item-title {
            white-space: normal;
            word-break: break-all;
            height: auto;
            line-height: normal;
            vertical-align: middle;
        }

        .bought_listform .item-meta .item-title span {
            width: auto;
        }

        .bought_listform .item-meta span {
            white-space: normal;
            line-height: 1;
        }

        .bought_listform {
            background: #FFFFFF;
        }
    </style>
    <div id="appDetailPanel" class='row'>
        <div class="detailPanel grid-c">
            <div id="J_trade_status">
                <table class="trade-status-table">
                    <tbody>
                    <tr>
                        <td id="J_trade_imfor" class="table-td">
                            <div class="infoBlock">
                                <div class="trade-imfor-title">
                                    <h3 style='font-size:14px;line-height:29px;padding-left:20px'>订单信息</h3>
                                </div>
                                <ul>

                                    <li class="table-list ">
                                        <div class="trade-imfor-dt"><span>订单编号</span><span>：</span></div>
                                        <div class="trade-imfor-dd">
												<span class="ui-trade-label null">
													{$order.order_sn|defaultd='-'}
												</span>
                                        </div>
                                    </li>

                                    <li class="table-list ">
                                        <div class="trade-imfor-dt"><span>支付单号</span><span>：</span></div>
                                        <div class="trade-imfor-dd">
												<span class="ui-trade-label null">
													{$order.pay_sn|defaultd='-'}
												</span>
                                        </div>
                                    </li>

                                    <li class="table-list ">
                                        <div class="trade-imfor-dt"><span>商户单号</span><span>：</span></div>
                                        <div class="trade-imfor-dd">
												<span class="ui-trade-label null">
													{$order.transaction_id|defaultd='-'}
												</span>
                                        </div>
                                    </li>

                                    <li class="table-list ">
                                        <div class="trade-imfor-dt"><span>联系人</span><span>：</span></div>
                                        <div class="trade-imfor-dd">
												<span class="ui-trade-label null">
													{$address.name|defaultd='-'}
												</span>
                                        </div>
                                    </li>

                                    <li class="table-list ">
                                        <div class="trade-imfor-dt"><span>联系电话</span><span>：</span></div>
                                        <div class="trade-imfor-dd">
												<span class="ui-trade-label null">
													{$address.mobile|defaultd='-'}
												</span>
                                        </div>
                                    </li>

                                    <li class="table-list ">
                                        <div class="trade-imfor-dt"><span>收货地址</span><span>：</span></div>
                                        <div class="trade-imfor-dd">
												<span class="ui-trade-label null">
													{$address.addr|defaultd='-'}
												</span>
                                        </div>
                                    </li>

                                    <li class="table-list ">
                                        <div class="trade-imfor-dt"><span>买家留言</span><span>：</span></div>
                                        <div class="trade-imfor-dd">
												<span class="ui-trade-label null">
													{$order.remark|defaultd='-'}
												</span>
                                        </div>
                                    </li>

                                    <li class="table-list ">
                                        <div class="trade-imfor-dt"><span>下单时间</span><span>：</span></div>
                                        <div class="trade-imfor-dd">
												<span class="ui-trade-label null">
													{$order['create_time']}
												</span>
                                        </div>
                                    </li>

                                </ul>
                            </div>
                        </td>
                        <td id="J_trade_detail" class="table-td">
                            <div class="detailBlock" style="padding:0 20px">
                                <dl class="trade-detail-imfor">
                                    <dt class="imfor-icon" style='    display: inline-block;vertical-align: top;'>
                                        <img src="//img.alicdn.com/tps/i1/T1e.aoXuXdXXa94Hfd-32-32.png">
                                    </dt>
                                    <dd class="imfor-title" style='display: inline-block;'>
											<span class="">
												<h3>订单状态: {$order.status}</h3>
											</span>
                                    </dd>
                                </dl>
                                <noscript></noscript>
                                <style type="text/css">
                                    .ddztpy {
                                        padding: 30px;
                                        float: left;
                                        text-align: left;
                                        width: 100%;
                                        font-size: 20px
                                    }

                                    .ddztpy > li {
                                        margin-bottom: 27px;
                                    }
                                </style>
                                <div class="row" style='background-color: #ffff;'>
                                    <ul class='ddztpy'>
                                        <li>商品总价：<span style="float:right;font-size: 24px;">￥{$order.amount}</span></li>
                                        <li>运费(快递)：<span style="float:right;font-size: 24px;">￥0.00</span></li>
                                        <li>订单总价：<span
                                                style="color: #333333;font-size: 24px;font-weight: 600;float:right">￥{$order.amount}</span>
                                        </li>
                                        <li>付款方式：<span
                                                style="color: red;font-size: 24px;font-weight: 600;float:right">{$order.pay_type}</span>
                                        </li>
                                        <li>实付款：<span
                                                style="color: #DD2727;font-size: 24px;font-weight: 600;float:right">￥{$order.pay_amount}</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div id="appOrders" class='row' style='width: 1269px;border: 1px solid #ddd;border-top: none;margin: 0 auto;'>
        <div data-control="OrderPanel" class="bought_listform">
            <dl class="bought-listform-header">
                <dd class="header-item">商品</dd>
                <dd class="header-price">单价</dd>
                <dd class="header-count">数量</dd>
                <dd class="header-favorable">总价</dd>
                <dd class="header-status">状态</dd>
            </dl>
            <table class="bought-listform-maincontent" style='width: 100%;'>
                <tbody>
                <tr>
                    <td class="header-content-detail">
                        <ul>
                            <li class="bought-listform-content">
                                {notempty name='express'}
                                <div class="content-package package-1"><span class="package-header">物流：</span><span
                                        class="package-detail">{$express.company}</span><span
                                        class="package-detail">运单号:</span><span>{$express.code}</span><span
                                        class="package-detail package-address-detail"
                                        style="">
											<div class="list-pointer" style="width: 358.438px; display: none;"></div>{$express.create_time}
										</span>
                                </div>
                                {/notempty}
                                <table>
                                    <tbody>
                                    {volist name="order_info" id="info"}
                                    <tr>
                                        <td class="header-item order-item-info">
                                            <div class="item-container">
                                                <div class="item-img">
                                                    <a class="pic s50"  title="查看宝贝详情" target="_blank">
                                                        <img src="{$info.goods_image}">
                                                    </a>
                                                </div>
                                                <div class="item-meta">
                                                    <a class="item-link" title="查看宝贝详情" target="_blank">
                                                        {$info.goods_name}
                                                    </a>
                                                    <span class="icon-list">
																<span class="icon-group">
																	<!--<a href="//pages.tmall.com/wow/seller/act/seven-day" title="七天退换">-->
                                                                    <!--	<img src="//img.alicdn.com/tps/i3/T1Vyl6FCBlXXaSQP_X-16-16.png">-->
                                                                    <!--</a>-->
																	<a title="如实描述">
																		<img src="//img.alicdn.com/tps/TB1PDB6IVXXXXaVaXXXXXXXXXXX.png">
																	</a>
																	<a title="正品保证">
																		<img src="//img.alicdn.com/tps/i2/T1SyeXFpliXXaSQP_X-16-16.png">
																	</a>
																</span>
															</span>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="header-price font-high-light">
                                            <div>
                                                <span data-control="Label"
                                                      class="ui-trade-label ">{$info.goods_price}</span>
                                            </div>
                                        </td>
                                        <td class="header-count font-high-light">{$info.goods_num}</td>
                                        <td class="header-favorable">{$info.goods_amount}</td>
                                        <td class="header-status"> {$order.status}</td>
                                    </tr>
                                    {/volist}
                                    </tbody>
                                </table>
                            </li>
                        </ul>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    {if condition="$type"}
    <div class="search-area border-b push" style='width:1269px;margin:0 auto;'>
        <input type="hidden" id="_o" value="phone=eq|order_sn=eq|create_time=between time">
        <form action="{:url('send',['order_sn'=>$order.order_sn])}" class="row" method="post">
            <div class="col-md-3 col-xs-12 push">
                <div class="input-group">
                    <span class="input-group-addon">物流公司</span>
                    <input class="form-control" type="text" id="search_order_sn" name="company" value=""
                           placeholder="物流公司">
                </div>
            </div>
            <div class="col-md-3 col-xs-12 push">
                <div class="input-group">
                    <span class="input-group-addon">物流订单号</span>
                    <input class="form-control" type="number" id="search_phone" name="code" value=""
                           placeholder="物流订单号">
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                <div class="form-group">
                    <div class="col-md-12">
                        <input class="btn btn-sm btn-primary" value="提交" type="submit">
                        <a href="javascript:;" class="btn btn-sm btn-default reset" type="reset">
                            <i class="fa fa-reply"></i> 重置</a>
                    </div>
                </div>
            </div>
        </form>
    </div>
    {/if}
</div>


{/block}
{block name="script"}
<script type="text/javascript">

    jQuery('.reset').on('click', function () {
        jQuery('input[name=code]').val('');
        jQuery('input[name=company]').val('');
    })

</script>
{/block}